/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.btn{
    padding: 0.9rem 1rem;
}

.fc-title{
    color: black !important;
}

.fc-icon-right-single-arrow {
    color: black !important;
}

.fc-icon-left-single-arrow {
    color: black !important;
}

.fieldset-with-border {
    border: 1px solid #ddd !important;
    margin: 0;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius:4px;
    padding-left:10px!important;
    margin-bottom: 1.5rem;
}

.legend-with-border {
    font-size:14px;
    font-weight:bold;
    margin-bottom: 0px;
    width: 35%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
}

.reset-p {
    color: #22292F !important;
    line-height: 1.45;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down{
    left: 0;
}


body.dark-layout .input-group .form-control ~ .input-group-append{
    border-left: 0px;
}

.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up{
    right: 24px;
}

.bootstrap-touchspin.input-group-lg{
    margin-top: 6px;
}

.required {
    color: red !important;
}

.horizontal-menu .header-navbar.navbar-fixed {
    position: relative;
}

.horizontal-menu .horizontal-menu-wrapper{
    position: relative !important;
    top: 0px !important;
}

.header-navbar.floating-nav{
    position: relative;
}

.horizontal-menu.navbar-floating:not(.blank-page) .app-content{
    padding-top: 0px !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
    .footer{
        width: 1400px;
    }
}

.jumbotron{
    margin-bottom: 0px;
}

.footer{
    position: absolute !important;
    bottom: 0;
}

/*.col-pl-5{
    padding-left: 5px !important;
}

.col-pr-5{
    padding-right: 5px !important;
}*/

.no-gutter>[class^="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}

.card-header {
    padding: 1.5rem !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-right: 5px;
    padding-left: 5px;
}

.editable{
    color: #626262;
    border-bottom: 0px !important;
}

.logBox li {
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    border-bottom: 1px #ebebeb solid;
}

.logBox .time {
    color: #c5c5c5;
    font-size: 9px;
}

.editable-input select.form-control:not([multiple='multiple']){
    background-position: calc(100% - 12px) 6px, calc(100% - 20px) 13px, 100% 0;
}

.editable-input .form-control.form-control-sm{
    padding: 0.2rem;
    line-height: 1.25;
}

.editable-buttons .btn {
    padding: 0.6rem 1rem;
}

.container{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

body{
    font-size: 14px;
    line-height: 1.42857143;
}

@media (min-width: 768px){
    .showOnDesktop {
        display: block!important;
    }
}